<template>
	<view class="mt130">
		<view class="kjnnllsjer">
			<view class="kjhkhgbjmxd bgff cen">
				<image :src="datas.avatar" class="yj usericonujhd"></image>
				<view class="mt30 fz36 z3">
					{{datas.name}}
				</view>
				<image :src="datas.qrcode" class="erjjnjjhhdrt mt30"></image>
			</view>
		</view>
		<view class="mt60 kkjnnjxrrt" @tap="baocun">
			保存图片
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				datas:{
					name:'',
					gid:'',
					avatar:'',
					qrcode:''
				}
			}
		},
		components: {},
		methods: {
			baocun() {
				uni.saveImageToPhotosAlbum({
					filePath:'../../../static/img/'+this.datas.gid+'erweima.png',
					success: function() {
						uni.showToast({
							title:'保存成功！'
						})
					}
				});
			}
		},
		onLoad(options){
			console.log(options)
			this.datas.name= options.name
			this.datas.gid= options.gid
			this.datas.qrcode=options.qrcode
			this.datas.avatar=options.avatar
		},
		mounted() {}
	}
</script>
<style scoped>
	.kjnnllsjer {
		width: 600upx;
		margin: auto;
		padding-top: 100upx;
	}

	.kjhkhgbjmxd {
		width: 596upx;
		height: 738upx;
		border-radius: 12upx;
		padding-left: 56upx;
		padding-right: 56upx;
	}

	.usericonujhd {
		width: 210upx;
		height: 210upx;
		margin-top: -105upx;
	}

	.erjjnjjhhdrt {
		height: 484upx;
		width: 100%;
	}

	.kkjnnjxrrt {
		width: 260upx;
		height: 78upx;
		line-height: 70upx;
		text-align: center;
		color: #fff;
		font-size: 32upx;
		margin: auto;
		border: 2upx solid rgba(255, 255, 255, 1);
		border-radius: 40upx;
	}
</style>
